<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico-sm mdi mdi-chevron-left"></i></a></div>
        <div class="col-7 col-sm-9 col-md-9 embed_header_title text-center">收件箱</div>
        <div class="col-3 col-sm-2 col-md-2 text-center"><a href="javascript:;" role="button" class="btn" title="标记为已读" (click)="readed($event)"><i class="ico-sm mdi mdi-check-all"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="alert alert-warning" role="alert" *ngIf="errorMessage.length>0">
        {{errorMessage}}
    </div>
    <div class="container">
        <!-- 列表 -->
        <div id="member-message-records" class="main-color page_scroll_pagination">
            <div style="width: 100%;border-bottom:1px solid #fafafa;padding: 10px 5px;" *ngFor="let item of items">
              <div style="position: relative;">
                <div class="media">
                    <app-member-avatar [uid]="item.sender" [scale]="50"></app-member-avatar>
                    <div class="media-body" style="padding-left:10px;">
                      <h5 class="mt-0" style="font-size: 1rem;"><a [routerLink]="['/message/chat', item.sender]" data-content="最近的消息主题">{{item.subject}}</a></h5>
                      <p class="mb-0" style="font-size: 0.7rem;">{{item.datetime}}&nbsp;&#187;&nbsp;<a [routerLink]="['/member', item.sender]" title="会员主页">{{item.senderNickname}}</a></p>
                    </div>
                    <div style="position: absolute;top:0;right: 0;" id="notice_{{item.sender}}">
                        <span class="badge badge-info">{{getUnReadMessageSize(item.sender)}}</span>
                    </div>
                </div>
              </div>
            </div>
            <p (click)="anymore($event)" *ngIf="hasNext" class="main-link anymore-btn next-page-tip" role="button">点击加载更多</p>
        </div>
        <!-- /列表-->
    </div>
    <!-- 分页开始 -->
    <!-- 分页结束 -->
</div>
